<template>
	<div class="manualMessage">
		<Row style="text-align: left;margin-top: 41px;">
			<Col span="10" >
				<span style="border-left: 5px solid #517EDB;font-size: 14px;"></span>
				<span style="font-size: 18px;margin-left: 10px;">手动短信</span>
		 	</Col> 
	        
	    </Row>
		
		
		
		
		
		
		
		<div  style="z-index: 1000;float: left;width: 850px;height: 550px;background-color: white;border-radius: 15px;margin: 20px 0px 0px 40px;">
			<Row >
				<Col span="18" style="text-align: left;height:550px;border: 1px solid #e9eaec;padding: 20px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;">
	    			<span style="font-size: 15px;margin-top: 10px;">短信内容:</span>
					<Input style="margin-top: 10px;"  type="textarea" :autosize="{minRows: 7,maxRows: 7}" placeholder="请输入内容..."></Input>
				
				    <Row  style="line-height: 38px;position: absolute;bottom: 10px;width: 100%;margin-left: -10px;">
						<div style="padding: 10px;width: 100%;">
							<div style="width:100%;height:1px;border-bottom: 1px solid #e9eaec;"></div>
						</div>
	    				<Col span="6" style="text-align: center;">
							<Button  @click="display=true"  style="width: 105px;">取消</Button>
					    </Col>
			        	<Col span="6" style="text-align: center;">
				            <Button  type="primary" style="width: 105px;">发送</Button>
					    </Col>
					</Row>
					
	    		</Col>
				<Col span="6" style="text-align: left;height:550px;border: 1px solid #e9eaec;background-color: rgba(247,247,247,0.3);border-top-right-radius: 15px;border-bottom-right-radius: 15px;">
					<div style="height: 40px;padding-top:10px;width: 100%;background-color: #f7f7f7;border-top-right-radius: 15px;text-align: center;">
						<div style="font-size: 16px;color: #517edb;">发送对象</div>
					</div>
	        		<Tree style="margin-left: 30px;" :data="data2" @on-select-change="test" show-checkbox></Tree>
		       </Col>
			</Row >
		</div>
		
		
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
				data2: [
                    {
                        title: '全部',
                        expand: true,
                        children: [
                            {
                                title: '初一',
                                expand: true,
                                children: [
                                    {
                                        title: '张三',
                                        value:"6666666"
                                    },
                                    {
                                        title: '李四'
                                    }
                                ]
                            },
                            {
                                title: '初二',
                                expand: true,
                                children: [
                                    {
                                        title: '王五'
                                    },
                                    {
                                        title: '赵六'
                                    }
                                ]
                            }
                        ]
                    }
                ],
                timeList:[
                	{
                        value: '18:00',
                        label: '18:00'
                    },
                    {
                        value: '19:00',
                        label: '19:00'
                    },
                ],
                sendList:[
                	{
                        value: '1',
                        label: '1'
                    },
                    {
                        value: '2',
                        label: '2'
                    },
                ],
			}
		},
		methods:{
			test:function(value){
				console.log(value[0].value)
			}
		}
	}
</script>

<style lang="css" scoped>
	.manualMessage >>> .hoverclass:hover{
		background-color:rgb(245, 245, 245);
	}
</style>